<!DOCTYPE html>
<html>
<head>
	<title>Giffoni Experience 2012</title>

	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1" /> 
	
	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />	
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
   <script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js"></script>

	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"></script>
	<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobubble/src/infobubble-compiled.js"></script>
	
	<link rel="stylesheet" href="gff2012.css" />

	<script type="text/javascript" src="globals.js"></script>
	<script type="text/javascript" src="map.js"></script>
	<!--script type="text/javascript" src="facebook.js"></script-->
</head>

<body>

<div id="fb-root"></div>

<div data-role="page" data-theme="b" id="splash" style="background-color: #fff;">
	<div class="splash"> <img src="splash_480x800.png" alt="splash" /> </div>
</div>
<div data-role="page" data-theme="b" id="home"> 
	<!--header data-role="header">
			<div class="logo">
				<img src="gff_header.png" alt="Giffoni Experience 2012">
			</div>
			<p style="text-align:center">Giffoni Experience 2012</p>
		</header-->
	
	<div data-role="header">
		<h1>Giffoni Experience 2012</h1>
	</div>
	<div data-role="content">
		<div id="banner">
			<h2>Giffoni Experience 2012</h2>
		</div>
		<p>Giffoni Film Festival Official mobile app - 2012</p>
		<div data-role="content">
			<ul data-role="listview" data-theme="c" data-dividertheme="a">
				<li data-role="list-divider">Publications</li>
				<li> <img src="images/webdesignermag.png" alt="Web Designer Mag">
					<h3><a href="feed.php?twitterUser=webdesignermag">Web Designer Mag</a></h3>
					<p>Defining the internet through beautiful design</p>
				</li>
				<li data-role="list-divider">Events</li>
				<li> <img src="images/fowd.png" alt="FOWD">
					<h3><a href="feed.php?twitterUser=FOWD">Future of Web Design</a></h3>
					<p>It&rsquo;s in your hands</p>
				</li>
				<li> <img src="images/aneventapart.png" alt="An Event Apart">
					<h3><a href="feed.php?twitterUser=aneventapart">An Event Apart</a></h3>
					<p>The design conference for people who make web sites</p>
				</li>
				<li data-role="list-divider">Jobs</li>
				<li> <img src="images/authenticjobs.png" alt="Authentic Jobs">
					<h3><a href="feed.php?twitterUser=authenticjobs">Authentic Jobs</a></h3>
					<p>Full-time and freelance job opportunities for web, design, and creative professionals</p>
				</li>
				<li> <img src="images/37jobs.png" alt="37Signals Job Board">
					<h3><a href="feed.php?twitterUser=37jobs">37Signals Job Board</a></h3>
					<p>Tech Jobs: Design, Programming, Rails, Executive, and more.</p>
				</li>
			</ul>
		</div>
	</div>
	<div data-role="footer" class="nav-glyphish-example">
		<div data-role="navbar" class="nav-glyphish-example" data-grid="d">
			<ul>
				<li><a href="#" id="live_button" data-icon="custom">Live!</a></li>
				<li><a href="#" id="schedule_button" data-icon="custom">Programma</a></li>
				<li><a href="#page_map" id="map_button" data-icon="custom" onclick="loadMap(); return false" rel="external">Mappa</a></li>
				<li><a href="#" id="video_button" data-icon="custom">Video</a></li>
				<li><a href="#" id="info_button" data-icon="custom">Info</a></li>
			</ul>
		</div>
	</div>
</div>

<div data-role="page" class="page_map" id="page_map" style="width:100%; height:100%;">
	<div data-role="header" data-position="fixed"><h2>Mappa GFF 2012</h2></div>
	<div data-role="content" style="width:100%; height:100%; padding:0;">
		<div id="map_canvas" style="width:100%; height:100%;"></div>
	</div>
</div>

</body>
</html>
